@charset "utf-8";
div,p,span,a,nav,input,select,ul,li,img{ margin:0; padding:0; outline: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body{ font-family:"Microsoft YaHei",Arial, Helvetica, "Helvetica Neue",  STHeiTi, sans-serif; margin: 0; padding: 0; margin: 0 auto; position: relative;}
img { border: 0;display: inline-block; max-width: 100%; vertical-align: middle;}
a{ text-decoration:none; color: #222; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s;}
a:hover{ color: #000; }
ul{ list-style: none; }
dl,ul,p{ -webkit-margin-before:0em; -webkit-margin-after:0em;}
input,select,textarea{-webkit-appearance: none; font-size: 14px; outline: none; color: #333; font-family:"Microsoft YaHei",Arial, Helvetica,"Helvetica Neue",  STHeiTi, sans-serif;}
body{ font-size: 14px; line-height: 24px; color: #333; background: #fff; }
html,body{ height: 100%; }

.clearfix:after{ content: ""; display: block; clear: both; }

input::-webkit-input-placeholder { color: #ccc;}
textarea::-webkit-input-placeholder { color: #ccc;}

.index{ margin: 0 auto; padding-bottom: 20px;width:760px; }
.title{ font-size: 32px; line-height: 48px;text-align: center; padding: 50px 0 10px; }
.subtil{ font-size: 28px; line-height: 48px;text-align: center; padding-bottom:30px; color: #999;}


.table{ border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding:20px 0; margin-bottom: 30px; }
.table .tr{ overflow: hidden; }
.table .td{ font-size: 22px; line-height: 36px; float: left; padding: 5px 0; }
.table .td:nth-child(3n+1){ width: 50%; }
.table .td:nth-child(3n+2){ width: 30%; }
.table .td:nth-child(3n){ width: 20%; text-align: right; }
.table .tda{font-size: 22px; line-height: 36px; padding: 5px 0; }

.cells{ overflow: hidden; }
.cells .cell{ position: relative; width: 50%; float: left; }
.cells .ctable{ width: 100%; border-collapse: collapse;}
.cells th,.cells td{ border:1px solid #ddd; }
.cells th{ padding: 5px 10px; text-align: left; background: #eee; }
.cells th:nth-child(1){ width: 60px; }
.cells td{ padding: 5px 10px; }
.cells .ico{ height: 60px; width: 60px; background-size: contain; }

.tip{ padding: 20px 0; font-size: 18px; border-bottom: 1px solid #bbb; }
.from{ font-size: 20px; font-weight: bold; padding: 20px 0; }

.descr{ border:1px solid #bbb; padding: 0 20px; }
.descr .item{ padding: 20px 0; overflow: hidden; border-bottom: 1px solid #ccc; }
.descr .itil{ font-size: 22px; line-height: 36px; padding-bottom: 10px; }
.descr .ileft{ float: left; width: 200px; height: 200px; background-size: contain; }
.descr .irigt{ margin-left: 230px; font-size: 18px; line-height: 26px; }
.descr .irtil{ padding-bottom: 15px; }
.descr .irtil-ls{ padding-right: 30px; }
.descr .li{ padding-bottom: 5px; }
.descr .descr-bot{ padding: 20px 0; overflow: hidden; }
.descr .desb-ls{ padding: 10px 0; width: 33.3%; float: left; }
.descr .desb-ls img{ width:40px;height:40px; }
.descr .desb-ls-io{ vertical-align: middle; margin-right: 10px; }

.resu{ font-size: 18px; }
.resu .res-til{ padding-bottom: 20px; }
.resu .res-ls{ padding-bottom: 10px; text-indent: 40px; }
.resu .res-jy{ padding: 80px 0 10px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #bbb; margin-bottom: 20px; }
.resu .emp{ border:1px solid #bbb;padding: 400px 0 50px 60%; }
.resu .res-bot{ text-align: center; padding: 30px 0; border-bottom: 1px solid #bbb; }



